<!-- 标记备注弹出框 -->
<template>
  <div class="mark-modal">
    <a-modal
      :maskClosable="false"
      :title="markModal.title"
      v-model="markModal.visible">
      <a-form
        :label-col="{ span: 6 }"
        :wrapper-col="{ span: 18 }">
        <a-form-item label="标记颜色">
          <el-color-picker v-model="markModal.markForm.pickerColors"></el-color-picker>
        </a-form-item>
        <a-form-item label="标记内容">
          <a-input v-model="markModal.markForm.pickerContent"></a-input>
        </a-form-item>
        <a-form-item label="取消标注">
          <a-checkbox v-model="markModal.markForm.canclePick"></a-checkbox>
        </a-form-item>
      </a-form>
    </a-modal>
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  props: {
    markModal: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {
    }
  },
  created () {
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
</style>
